/*-- Reset Code --*/


/*-- //Banner --*/

/*--Trend--*/
.trend-w3layouts,.new-w3-agile,.services-agileits-w3layouts,.about-agileinfo,.team-w3layouts,.gallery-w3layouts,.contact-agileinfo,.events-w3layouts,.blog{
	padding:50px 0px;
}
.trend-w3layouts h2,.new-w3-agile h3,.services-agileits-w3layouts h3,.services-bottom-w3-agileits h3,.about-agileinfo h2,.team-w3layouts h3,.gallery-w3layouts  h2,.contact-agileinfo h2,.events-w3layouts h2{
	font-size:40px;
	color:#e91e63;
	margin-bottom:40px;
}
.services-agileits-w3layouts h3{
	color:#071ea0;
}
.trend-grid{
	padding:0 15px;
}
.trend-w3layouts h4,.services-agileits-w3layouts h4{
	font-size:27px;
	color:#000;
	margin-bottom:20px;
}


/*--new games--*/

.new-grid-agile{
	margin-top:30px;
}
.view {
    overflow: hidden;
    position: relative;
    margin-top: 2em;
}
.view .mask, .view .content {
    width: 90%;
    position: absolute;
    overflow: hidden;
    padding: 6.5em 0;
}
.view img {
   display: block;
   position: relative;
   width: 100%;
}
.view h4 {
    text-transform: capitalize;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 2.5em;
    letter-spacing: 2px;
}
.view p {
   font-size: 1em;
   position: relative;
   color: #fff !important;
   padding: 0.5em 0;
   text-align: center;
   margin:0;
}
.view-eighth .mask {
   background-color:rgba(0, 0, 0, 0.67);
   top: -200px;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.3s ease-out 0.5s;
   -moz-transition: all 0.3s ease-out 0.5s;
   transition: all 0.3s ease-out 0.5s;
}
.view-eighth h2 {
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out 0.1s;
   -moz-transition: all 0.2s ease-in-out 0.1s;
   transition: all 0.2s ease-in-out 0.1s;
}
.view-eighth p {
   color: #333;
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out 0.2s;
   -moz-transition: all 0.2s ease-in-out 0.2s;
   -o-transition: all 0.2s ease-in-out 0.2s;
   -ms-transition: all 0.2s ease-in-out 0.2s;
   transition: all 0.2s ease-in-out 0.2s;
}
.view-eighth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   top: 0px;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   transition-delay: 0s;
   -webkit-animation: bounceY 0.9s linear;
   -moz-animation: bounceY 0.9s linear;
   -ms-animation: bounceY 0.9s linear;
   animation: bounceY 0.9s linear;
   height: 100%;
}
.view-eighth:hover h2 {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.4s;
   -moz-transition-delay: 0.4s;
   -o-transition-delay: 0.4s;
   -ms-transition-delay: 0.4s;
   transition-delay: 0.4s;
}
.view-eighth:hover p {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
@keyframes bounceY {
    0% { transform: translateY(-205px);}
    40% { transform: translateY(-100px);}
    65% { transform: translateY(-52px);}
    82% { transform: translateY(-25px);}
    92% { transform: translateY(-12px);}
    55%, 75%, 87%, 97%, 100% { transform: translateY(0px);}
}

/*--//new games--*/


/*--services--*/
.services-agileits-w3layouts {
    background: #f4f4f4;
}
.service-grid-agileits{
	text-align:center;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.service-grid-agileits .glyphicon{
	font-size:30px;
	background:#E91E63;
	padding:12px 20px;
	border-radius:50%;
	color:#fff;
	margin-bottom:15px;
		transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.service-grid-agileits p{
	font-size:14px;
	line-height:27px;
	color:#999;
}
.service-grid-agileits a{
	color:#E91E63;
	border:2px solid #E91E63;
	font-size:15px;
	margin-top:15px;
	padding:7px 15px;
	display:inline-block;
		transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.service-grid-agileits:hover a{
	color:#fff;
	border:2px solid #071ea0;
	background:#071ea0;
}
.service-grid-agileits:hover .glyphicon{
	background:#071ea0;
}
/*--//services--*/

/*-- services bottom --*/
.services-bottom-w3-agileits{
	background:url(../images/sbbg.jpg) no-repeat 0px 0px;
	background-size:cover;
	background-attachment:fixed;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	position:relative;
	min-height:400px;
	padding:100px 0px;
}
.wthree_info {
    width:100%;
	text-align:center;
}
.services-bottom-w3-agileits h3{
	color:#fff;
	margin-bottom:10px;
}
.wthree_info p{
	text-transform: capitalize;
    color: #fff;
    letter-spacing: 2px;
	font-style:italic;
	font-size:16px;
	text-align:center;
}
a.learn{
	color:#fff;
	border:2px solid #fff;
	font-size:14px;
	padding:7px 15px;
	display:inline-block;
	margin-top:50px;
}
a.learn:hover{
	color:#fff;
	border:2px solid #e91e63;
	background: #e91e63;
}

/*-- //services bottom --*/

/*-- //footer --*/
.footer{
	padding:35px 0px;
}
.footer img{
	width: 100%;
}
.footer h4{
	text-align:left;
	color:#000;
	font-size:27px;
	margin-bottom:30px;
}
.footer-left-w3 ul li{
	display:inline-block;
	/* margin-bottom:35px; */
}
.footer-left-w3 .glyphicon{
	font-size:16px;
}
.footer-left-w3 ul li h6{
	font-size:16px;
	color:#000;
	margin-left:10px;
}
.footer-left-w3 ul li a{
	font-size:14px;
	color:#000;
}
.footer-middle-wthree{
	margin-top:25px;
}
.footer-right-w3 h4{
	color: #E91E63;
}
.footer-right-w3 img {
    width: 12%;
}

.footer-right-w3 p{
	font-size:14px;
	color:#000;
	line-height:30px;
}
p.agileinfo{
	margin-top:30px;
}
.copyright p {
    text-align: center;
    font-size: 14px;
    color: #000;
    border-top: 1px dotted #000;
    padding: 30px 0px 0 0px;
}
.copyright p a{
	color:#000;
}
.copyright p a:hover{
	text-decoration:underline;
}
/*-- //footer --*/


.service-grid-agileits .FontAwesome {}
